/* pages/tijiaorepair/tijiaorepair.wxss */
.box {
  background-color: #f7f8fa;
  height: 100vh;

  // 导航栏
  .cnterBox1 {
    padding-top: 15%;
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: auto;

    .n1 {
      width: 55%;
    }
  }

  // 商品
  .box1 {
    background-color: #fff;
    padding: 20rpx;
    box-sizing: border-box;
    width: 90%;
    margin: 20rpx auto;
    border-radius: 25rpx;

    .shopListbox {
      .shopListbox1 {
        display: flex;
        justify-content: space-between;

        .shopListbox-left {
          width: 32%;
          border-radius: 15rpx;
          overflow: hidden;

          image {
            width: 100%;
            height: 200rpx;
          }
        }

        .shopListbox-right {
          width: 64%;

          .shopListbox-right2 {
            color: rgb(150, 150, 150);
            font-size: 27rpx;
            margin: 10rpx 0;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
          }

          .shopListbox-right3 {
            color: rgb(150, 150, 150);
            font-size: 27rpx;
            margin-bottom: 20rpx;
          }

          .shopListbox-right4 {
            color: rgb(150, 150, 150);
            font-size: 27rpx;
            input{
              width: 80%;
              float: right;
              text-align: right;
            }
          }

          .shopListbox-right5 {
            color: rgb(150, 150, 150);
            font-size: 27rpx;
          }
        }
      }

      .shopListbox2 {
        margin-top: 30rpx;
        height: 60rpx;

        .btn1 {
          color: #253454;
          border: 1px solid #253454;
          background-color: #fff;
          width: 140rpx;
          height: 60rpx;
          line-height: 60rpx;
          border-radius: 40rpx;
          font-size: 26rpx;
          display: inline-block;
          float: right;
        }

        .btn2 {
          color: #fff;
          border: 1px solid #253454;
          background-color: #253454;
          width: 180rpx;
          height: 60rpx;
          line-height: 60rpx;
          border-radius: 40rpx;
          font-size: 26rpx;
          display: inline-block;
          float: right;
          margin-left: 20rpx;
        }
      }
    }
  }

  // 表单
  .box2 {
    background-color: #fff;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 20rpx;
    border-radius: 25rpx;
    overflow: hidden;
  }

  .box21 {
    background-color: #fff;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto 20rpx;
    border-radius: 25rpx;
    overflow: hidden;
    padding: 20rpx;

    textarea {
      height: 150rpx;
      margin-top: 20rpx;
    }
  }

  // 上传照片
  .box3 {
    background-color: #fff;
    padding: 20rpx;
    box-sizing: border-box;
    width: 90%;
    margin: auto;
    border-radius: 25rpx;

    .avatorleft {
      .display_img {
        width: 130rpx;
        height: 130rpx;
        margin-left: 10%;
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        overflow: hidden;
        background-color: #fff;
        border: 1px solid #000;
      }

      .img_size_box {
        width: 100%;
        height: 100%;
        margin: 1px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #000;
      }

      .img_size {
        text-align: center;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

    }
  }

  // 底部导航
  .bottomNav {
    box-sizing: border-box;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 20rpx 0 80rpx;
    margin: auto;

    .btn {
      width: 90%;
      color: #fff;
      background-color: #253454;
      border-radius: 45rpx;
    }
  }
}